<div id="header">
    <div id="logo">
        <div id="logo_text">
            <!-- class="logo_colour", allows you to change the colour of the text -->
            <h1><a href="${createLink(controller:'home',action:'index')}">Bid<span class="logo_colour">sanity!</span></a></h1>

            <h2>So much bidding you'll go insane!</h2>
        </div>
    </div>

    <div id="menubar">
        <ul id="menu"><!-- put class="selected" in the li tag for the selected page - to highlight which page you're on -->
            <li <g:if test="${controllerName=='home'}">class="selected"</g:if>>
                <a href="${createLink(controller:'home',action:'index')}">Home</a></li>
            <li <g:if test="${controllerName=='listing'}">class="selected"</g:if>>
                <a href="${createLink(controller:'listing',action:'index')}">Listings</a></li>
            <li <g:if test="${controllerName=='customer'}">class="selected"</g:if>>
                <a href="${createLink(controller:'customer',action:'index')}">Customers</a></li>
            <li <g:if test="${controllerName=='bid'}">class="selected"</g:if>>
                <a href="${createLink(controller:'bid', action:'index')}">Bids</a></li>
            <li <g:if test="${controllerName=='account'}">class="selected"</g:if>>
                <a href="${createLink(controller:'account',action:'index')}">My Account</a></li>
        </ul></div>
</div>